<!DOCTYPE html>
<!-- document type -->
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 外部样式标  外联 -->
    <link rel="stylesheet" href="./lesson.css">
</head>

<body>
    <!-- html控制内容和结构
        css控制页面的布局和样式
    -->
    <!-- <div class="div1">
        <div class="div2">
            <div class="div3"></div>
        </div>
    </div> -->
    <!-- <center>gjdshgfhsdb</center>
<font></font> -->

    <!-- <h1>一级标题</h1>
    <img src="" alt="">
    <img src="" alt=""/>

    <input type="text"  value="sdjihfcikduj" disabled> -->


    <!-- 常用元素 
    div  划分区域，单纯的盒子元素，没有任何含义
    p 段落
    a 超链接
    h1~h6  标题，都有加粗效果，数字越大时，字体越小
    1em=16px
    img  src 写图片地址  alt 图片加载失败后显示内容
    span 小段文本
    em 斜体  加重文字权重
    i  斜体
    strong  加粗  加重文字权重
    b      加粗

    语义化结构标签
    header:某块区域的头
    section：主体的一部分，独立存在的一个部分
    footer：某块区域的脚
    article：文章或主体部分
    nav：导航
    aside：周边信息  侧边栏

    -->


    <!-- 
块级元素：独占一行，宽高可设，会自动换行
行内元素：多个元素在一行显示，不能设置宽高，不会自动换行

     -->
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem quo similique consequuntur voluptates. Tenetur in
        animi vero doloribus! Debitis iste adipisci dolorum provident ea exercitationem harum consequatur illo deleniti
        accusamus.</p>
    <div></div>

    <div></div>

    <div></div>

    <a href="https://fanyi.baidu.com/?aldtype=16047#auto/zh" title="aaa" target="_blank">超链接</a>
    <a href="">hfdsugfusd</a>
    <h1 class="title text">一级 标题</h1>
    <h2 >一级标题</h2>
    <h3>一级标题</h3>
    <h4>一级标题</h4>
    <h5>一级标题</h5>
    <h6>一级标题</h6>

    <img src="./img/news10.jpg" alt="图片加载中....">

    <p>lorem1</p>
    <p>lorem2</p>
    <span>span1</span>
    <span>span2</span>

    <p>今日票房：<span>1000万</span></p>

    <blockquote>大段文本引用</blockquote>


    <header>
        <nav>
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
        </nav>
    </header>
    <article>
        <section></section>
        <section></section>
        <section></section>
        <section></section>
    </article>
    <footer>

    </footer>



    <del>$999</del>
</body>

</html>